﻿@charset "utf-8";

.content, #footer {padding: 15px 0 0;}

/* --------------------------------
#header
-------------------------------- */
/*-- #siteName a {background-position:0 0;width:78px;} --*/
#gnContact a { width: 61px; background-position: -295px -58px;}

/* -------- */
#hSearch {float: right; margin: 24px 0 10px;}
#hSearch ul {padding: 0 0 0 15px;}
#hSearch li {float: left; padding: 0 3px 0 0;}
#sKeyword {position: relative;}
#sKeyword label {position: absolute; top: 3px; left: 24px; color: #999; font-weight: normal; cursor: text;}
#sKeyword label.labeloff { display: none; }
#sKeyword label.labelon { display: block; }
#sKeyword input {width: 250px; height: 15px; padding: 2px 0 2px 22px; border-top: 1px solid #A3A6AB; border-right: 1px solid #D3D6DD; border-bottom: 1px solid #E2E9EF; border-left: 1px solid #DADAE2; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #F5F5F5 url(../img/common/sheaderinputbg.gif) no-repeat 4px 50%; line-height: 15px; color: #999;}
#sSubmit a {display: block; float: left; width: 35px; height: 21px; overflow: hidden; background: url(../img/common/sheader.png); background-repeat: no-repeat; background-position: -195px 0; text-indent: -9999px;}
#sSubmit a:hover { background-position: -195px -21px; }

/* -- common -- */
h1 {margin: 0 0 20px; font-size: 18px; font-weight: bold; line-height: 1.5; width: 640px;}
h1#logo {margin: 24px 0 20px; width: 170px; height: 27px;}
h2 {font-weight: bold;}
.faqTitle{border:none;margin: 0px 0 45px; width: 170px; height: 27px;}
.mobileOnly {display: none;}

/* -- mainArea -- */
#mainArea h2 {font-size: 14px; margin-bottom: 10px;}

ul.entryTitle li a {display: block; text-decoration: none;}
ul.entryTitle ul {border: none; *zoom: 1;}
ul.entryTitle li {border: none; font-size: 12px; }
ul.entryTitle li {padding: 0; line-height: 25px;margin-left:0.5em;}
* html ul.entryTitle li { border-bottom: 1px solid #fff; } /*IE*/
ul.entryTitle li a {height: auto !important;/*IE*/ height: 1%;/*IE*/ padding: 0 0 0 10px; background: url(../img/common/sprite_sidenav.png) no-repeat 0 -178px;}
ul.entryTitle li.current {background: #E6E6E6;}
ul.entryTitle li a:hover {background: #e6e6e6 url(../img/common/sprite_sidenav.png) no-repeat 0 -178px;}
.detailResults{color:#999999;display:inline-block;padding-left:15px;margin-bottom:20px;}

/* -- faqTop -- */
#faqTop #mainArea {float: left; width: 660px;}
#faqTop #mainArea h2 {padding-top: 15px; border-top: 1px solid #E6E6E6;}
#faqTop #mainArea .categorybox {
display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
margin: 0 15px 30px 0; vertical-align: top;width:200px;}
#faqTop #sideArea {float: right; width: 200px; margin-top: 0; padding: 15px 10px 15px; background-color: #F3F3F3;}
#faqTop #sideArea dt {color: #999; font-weight: bold; font-family:"Helvetica","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","メイリオ",Meiryo,"ＭＳ Ｐゴシック" ,sans-serif; border-top: 1px solid #FFFFFF; font-size: 11px; line-height: 1.2; margin-top: 10px; padding: 10px 0 2px;}
#faqTop #sideArea dd a { text-decoration: none; }

/* -- faqList -- */
#mainArea {float: right; width: 640px;}
#sideArea {float: left; width: 220px;}

#sideArea h2 { padding-bottom: 5px;}
#sideArea #titleSubNav a { text-decoration: none; }
#sideArea #titleSubNav {padding: 15px 10px 15px; border: 2px solid #ccc; margin-bottom: 24px;}
#sideArea #titleSubNav li {line-height: 21px; margin-bottom: 0;}
#sideArea #titleSubNav li a {display: block; border-top: 1px dotted #C6C5BD; padding: 2px 10px; height: auto !important;/*IE*/ height: 1%;/*IE*/}
#sideArea #titleSubNav li.current {background: #E6E6E6; color: #7F0019;}
#sideArea #titleSubNav li.current a { background: #E6E6E6;}
#sideArea #titleSubNav li a span {color: #7F7F7F; line-height: 15px; font-size: 10px;}
#sideArea #titleSubNav li a:hover {background: #E6E6E6;}
#sideArea #titleSubNav li a:hover span {color: #7F0019;}
#sideArea #titleNav { padding: 15px 10px 15px; border: 1px solid #E6E6E6;}
#sideArea #titleNav h2 { margin-bottom: 10px; border-bottom: 1px solid #DDDDDD;}

#sideArea ul.entryTitle li {margin-left:0;}

#breadcrumbs { padding:0 0 20px;}

#entryList {margin-bottom: 20px; border-top: 1px solid #E6E6E6; width:640px;}
#entryList a { text-decoration: none; }
#entryList h2 a { text-decoration: underline; }
#entryList li { padding: 20px 0; border-bottom: 1px solid #E6E6E6; }
#entryList li a { display: block; }
#entryList ul ul { border: none; *zoom: 1;}
#entryList ul ul li { border: none; font-size: 12px; }
#entryList ul ul li {padding: 0; line-height: 26px;}
* html #entryList ul ul li { border-bottom: 1px solid #fff; } /*IE*/
#entryList ul ul li a {height: auto !important;/*IE*/ height: 1%;/*IE*/ padding: 0 0 0 17px;}
#entryList ul ul li a:hover {background-color: #F5F5F5;text-decoration: underline;}

#entryList ul.file li a {background: url(../img/common/sprite_icon.png) no-repeat -2px -2px;}
#entryList ul.folder li a {background: url(../img/common/sprite_icon.png) no-repeat -2px -29px;}

/* -- detail -- */
#entryDetail {padding: 15px 10px; border-top: 1px solid #E6E6E6;}
#body01 {padding: 0 0 20px 0;}
#body02 {margin: 0 0 20px 0; background-color: #f2f2f2;}
#body_left {float: left; width: 75px; padding: 5px 0 0 5px;}
#body_right {float: right; width: 534px; padding: 5px 0 5px 5px; margin: 0 1px 1px 0; background-color: #ffffff;}
#body_headline_left {float: left; width: 80px; padding: 3px 0; text-align: center; background-color: #cccccc;}
#body_headline_right {float: left; width: 540px; padding: 3px 0; text-align: center; background-color: #cccccc;}

/* -- search -- */
.pageNumber {float: left; padding: 12px 0 10px;}
.pageNumber {font-size: 11px;}
.pageNumber .all,
.pageNumber .number {font-size: 14px; font-weight: bold;}
.pageNumber .all {margin-right: 5px;}
.pageNumber .number {margin: 0 5px;}
.pageShift {float:right; font-size:14px; padding: 10px 0;}
.pageShift li {float: left; display: inline; margin: 0 5px;}
.pageShift li.prev {margin-right: 0;}
.pageShift li.next {margin-left: 0;}
.pageShift li a, .pageShift li span {display: block; padding: 2px 7px; text-decoration: none;}
.pageShift li a,
.pageShift li a:visited {background-color: #F3F3F3; color: #333333;}
.pageShift li a:hover,
.pageShift li a:active {background-color: #7F0019; color: #FFFFFF;}
.pageShift li.prev {padding: 2px 7px;}
.pageShift li.next {padding: 2px 0 2px 7px;}
.pageShift li.prev a, .pageShift li.next a,
.pageShift li.prev span, .pageShift li.next span { padding: 0; background-color: #FFFFFF;}
.pageShift li.prev a, .pageShift li.next a,
.pageShift li.prev a:visited, .pageShift li.next a:visited {background-color: #FFFFFF; color: #333333; text-decoration: underline;}
.pageShift li.prev a:hover, .pageShift li.next a:hover,
.pageShift li.prev a:active, .pageShift li.next a:active {background-color: #FFFFFF; color: #7F0019;}

#searchList #mainArea #entryList {margin-bottom: 0;}
#searchList h1 span {font-size: 12px;}

.resultNum{width:300px; float:left;}
.pagination{width:250px; float:right;margin-bottom:5px;text-align:right;}

/* ModalWindow Layout */
.noHeader .content {width: auto; padding: 10px;}
.noHeader #mainArea {float: none; width: auto;}
.noHeader h1 {width: auto;}


/* CLEARFIX */
#hSearch,
#entryList,
.pageNav,
.clearfix {zoom: 1; clear: both;}
#hSearch:after,
#entryList:after,
.pageNav:after,
.clearfix:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}
